<template>
  <div class="products">
    <BsSubmenu :subMenus="subMenus" />
    <section class="banner">
      <div class="text-center f24">
        技术支持
      </div>
    </section>

    <section class="section-1">
      <div class="hd">
        <ul class="downlaods">
          <li v-for="i in 10" :key="i">
            <div class="header">云课堂客户端</div>
            <div class="desc">
              云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端
              云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端云课堂客户端
            </div>
          </li>
          
        </ul>
      </div>
    </section>
  </div>
</template>

<script>
import BsSubmenu from '@/components/BsSubmenu'

export default {
  components: {BsSubmenu},
  data (){
    return {
      subMenus: [
        {title: '软件下载', link:'/supports', active: false},
        {title: '售前支持', link:'#', active: false},
        {title: '售后支持', link:'#', active: false},
        {title: '帮助', link:'/supports/help', active: true},
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.banner{
  background: url(../assets/images/supports/bann.png) no-repeat center center;
  height: 210px;
  color: #fff;
  line-height: 210px;
}
.section-1{
  padding: 60px 0;
}
.downlaods{
  overflow: hidden;
  border:1px solid #ebeced;

  li{
    border-right:1px solid #ebeced;
    .header{
      line-height: 50px;
      background: #f7f8f9 url(../assets/images/supports/wx0006.png) no-repeat left center;
      border-bottom: 1px solid #ebeced;
      padding-left: 40px;
    }
    .desc{
      padding:40px;
    }
  }
}
</style>
